/***
    新版 CSS 重置 - 版本 1.11.3（最后更新于 2024.08.25）
    GitHub 页面：https://github.com/elad2412/the-new-css-reset
***/

/*
    移除所有"用户代理样式表"的样式（'display' 属性除外）
    - "symbol *" 用于解决 Firefox SVG 雪碧图（sprite）的 bug
    - 排除 "html" 元素，否则 Chrome 中会破坏 CSS 连字符属性（https://github.com/elad2412/the-new-css-reset/issues/36）
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

/* 推荐使用的盒模型 */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* 修复 Safari 移动端横屏模式字体放大问题 */
html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

/* 为链接和按钮重新应用指针光标 */
a, button {
    cursor: revert;
}

/* 移除列表样式（项目符号/编号） */
ol, ul, menu, summary {
    list-style: none;
}

/* Firefox：解决嵌套有序列表继承父级编号的问题（https://bugzilla.mozilla.org/show_bug.cgi?id=1881517） */
ol {
    counter-reset: revert;
}

/* 防止图片超出容器 */
img {
    max-inline-size: 100%;
    max-block-size: 100%;
}

/* 移除表格单元格间距 */
table {
    border-collapse: collapse;
}

/* Safari：解决在 <body> 使用 user-select:none 时文本输入框失效的问题 */
input, textarea {
    -webkit-user-select: auto;
}

/* 恢复 textarea 元素在 Safari 中的 white-space 属性 */
textarea {
    white-space: revert;
}

/* 允许样式化 meter 元素的最小样式 */
meter {
    -webkit-appearance: revert;
    appearance: revert;
}

/* 预格式化文本 - 仅用于此特性 */
:where(pre) {
    all: revert;
    box-sizing: border-box;
}

/* 重置输入框 placeholder 的默认文本透明度 */
::placeholder {
    color: unset;
}

/* 修复 'hidden' 属性的特性
   将 display:revert 恢复为元素默认值 */
:where([hidden]) {
    display: none;
}

/* Chromium 浏览器问题修复
   - 修复 contenteditable 属性正常工作
   - 为 Safari 添加 webkit-user-select: auto（当外层元素使用 user-select:none 时）*/
:where([contenteditable]:not([contenteditable="false"])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto;
}

/* 重新应用可拖动特性（仅在 Chromium 和 Safari 中存在） */
:where([draggable="true"]) {
    -webkit-user-drag: element;
}

/* 还原模态框原生行为 */
:where(dialog:modal) {
    all: revert;
    box-sizing: border-box;
}

/* 移除 details 摘要的 Webkit 样式 */
::-webkit-details-marker {
    display: none;
}